<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <html class='no_js' id='Fhyro Blog' lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'/>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <title>
        <data:blog.pageTitle/>
      </title>
      <meta content=' Informasi Perkembangan Teknologi | Download Software | Tips Masalah Komputer dan Printer ' name='DESCRIPTION'/>
      <meta content='Teknologi,Komputer,Laptop,Printer,Download,Software,Antivirus,Game,Crack,E-Book ' name='KEYWORDS'/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <title>
        <data:blog.pageName/>
      </title>
      <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
      <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
    </b:if>
    <meta content='index, follow' name='robots'/>
    <meta content=' Fhyro ' name='author'/>
    <meta content='2012, Fhyro Blog ' name='copyright'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='id' name='language'/>
    <meta content='id' name='geo.country'/>
    <meta content='Indonesia' name='geo.placename'/>
    <meta content='all-language' http-equiv='Content-Language'/>
    <meta content='global' name='Distribution'/>
    <meta content='global' name='target'/>
    <meta content='Indonesia' name='geo.country'/>
    <meta content='all' name='robots'/>
    <meta content='all' name='googlebot'/>
    <meta content='all' name='msnbot'/>
    <meta content='all' name='Googlebot-Image'/>
    <meta content='all' name='Slurp'/>
    <meta content='all' name='ZyBorg'/>
    <meta content='all' name='Scooter'/>
    <meta content='ALL' name='spiders'/>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <meta content='true' name='MSSmartTagsPreventParsing'/>
    <meta content='blogger' name='generator'/>
    <meta content='general' name='rating'/>
    <meta content='never' name='Expires'/>
    <meta content='Fhyro' name='DC.Creator'/>
    <meta content='Fhyro Blog' lang='en' name='DC.Title'/>
    <meta content='Fhyro Blog' lang='en' name='DC.Subject'/>
    <meta content='Informasi Perkembangan Teknologi | Download Software | Tips Masalah Komputer dan Printer' lang='en' name='DC.Description'/>
    <meta content='1998-09-22' name='DC.Date.LastModified' scheme='ISO 31-1'/>
    <meta content='http://fhyro.blogspot.com/' name='DC.Identifier'/>
    <meta content='Fhyro Blog | Maros Sulsel' name='DC.Publisher'/>
    <meta content='en' name='DC.Language' scheme='ISO639'/>
    <meta content='http://fhyro.blogspot.com/' name='DC.Relation.IsPartOf'/>
    <meta content='http://fhyro.blogspot.com/2012/10/avast-free-terbaru-serial-number.html' name='DC.Rights'/>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <meta content='Informasi Perkembangan Teknologi | Download Software | Tips Masalah Komputer dan Printer' name='description'/>
      <meta content='Teknologi,Komputer,Laptop,Printer,Download,Software,Antivirus,Game,Crack,E-Book' name='keywords'/>
    </b:if>
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Ropa+Sans' rel='stylesheet' type='text/css'/>
    <!-- Start www.bloggertipandtrick.net: Changing the Blogger Title Tag  -->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <title>
        <data:blog.pageTitle/>
      </title>
      <b:else/>
      <title>
        <data:blog.pageName/>
        ~ 
        <data:blog.title/>
      </title>
    </b:if>
    <!-- End www.bloggertipandtrick.net: Changing the Blogger Title Tag  -->
    <link href='http://www.blogger.com/favicon-image.g?blogID=3832467601689833729' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
    <b:skin><![CDATA[
      
/*
-----------------------------------------------
Blogger Template Style
Name:   Norma
Author: Lasantha Bandara
URL 1:  http://www.premiumbloggertemplates.com/
URL 2:  http://www.bloggertipandtrick.net/
Date:   December 2012
License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #myGallery{display:none}
body#layout .featuredposts{display:none}
body#layout .fp-slider{display:none}
body#layout #navcontainer{display:none}
body#layout .menu-secondary-wrap{display:none}
body#layout .menu-secondary-container{display:none}
body#layout #skiplinks{display:none}
body#layout .feedtwitter{display:none}
body#layout #header-wrapper {margin-bottom:10px;min-height:120px;}
body#layout .social-profiles-widget h3 {display:none;}
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#ffffff">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#ffffff">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% Impact, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
body{background:url(http://1.bp.blogspot.com/-aHsyoe60yNM/UTk9cYNN_qI/AAAAAAAABOA/MMWQSvoCfnQ/s000/background.png);color:#555555;font-family: Arial, Helvetica, Sans-serif;font-size: 13px;margin:0px;padding:0px;}
a:link,a:visited{color:#CC2621;text-decoration:underline;outline:none;}
a:hover{color:#EB3700;text-decoration:none;outline:none;}
a img{border-width:0}
#body-wrapper{margin:0px;padding:0px;background:url(http://3.bp.blogspot.com/-DJtSAgzk2CI/UTk9c5d3LAI/AAAAAAAABOI/rZZRAXozCz4/s000/wrapper-bg.png) left top repeat-x;}
/* Header-----------------------------------------------*/
#header-wrapper{width:960px;margin:0px auto 0px;height:60px;padding:24px 0px 24px 0px;overflow:hidden;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:40%;overflow:hidden;}
#header h1{color:#FBFAF9;text-shadow:0px 1px 0px #000;margin:0 5px 0;padding:0px 0px 0px 0px;font-family:&#39;Oswald&#39;,Arial,Helvetica,Sans-serif;font-weight:bold;font-size:32px;line-height:32px;}
#header .description{padding-left:7px;color:#FBFAF9;text-shadow:0px 1px 0px #000;line-height:14px;font-size:14px;padding-top:0px;margin-top:10px;font-family:Arial,Helvetica,Sans-serif;}
#header h1 a,#header h1 a:visited{color:#FBFAF9;text-decoration:none}
#header h2{padding-left:5px;color:#FBFAF9;font:14px Arial,Helvetica,Sans-serif}
#header2{float:right;width:58%;margin-right:0px;padding-right:0px;overflow:hidden;}
#header2 .widget{padding:0px 0px 0px 0px;float:right}
.social-profiles-widget img{margin:0 4px 0 0}
.social-profiles-widget img:hover{opacity:0.8}
#top-social-profiles{padding-top:14px;padding-right:15px;height:32px;text-align:right;float:right}
#top-social-profiles img{margin:0 6px 0 0 !important}
#top-social-profiles img:hover{opacity:0.8}
#top-social-profiles .widget-container{background:none;padding:0;border:0}
/* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{width:960px;margin:0px auto 0px;padding:0px;text-align:left;}
#content-wrapper{background:#fff;padding:15px;margin-top:-14px;}
#main-wrapper{width:615px;float:right;margin:0px;padding:0px 0px 0px 0px;word-wrap:break-word;overflow:hidden;}
#lsidebar-wrapper{width:301px;float:left;margin:0px;padding:0px 0px 0px 0px;word-wrap:break-word;}
/* Headings----------------------------------------------- */
h2{}
/* Posts-----------------------------------------------*/
h2.date-header{margin:1.5em 0 .5em;display:none;}
.wrapfullpost{}
.post{margin-bottom:15px;border-bottom:0;}
.post-title{color:#333333;margin:0 0 10px 0;padding:0;font-family:'Ropa Sans',sans-serif;font-size:28px;line-height:28px;font-weight:bold;}
.post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#333333;text-decoration:none;}
.post-title strong,.post-title a:hover{color:#CB2621;text-decoration:none;}
.post-body{margin:0px;padding:0px 10px 0px 0px;font-family:Arial, Helvetica, Sans-serif;font-size:12px;line-height: 20px;}
.post-footer{margin:5px 0;}
.comment-link{margin-$startSide:.6em}
.post-body img{padding:6px;border:1px solid #eee;background:#ffffff;}
.postmeta-primary{color:#999;font-size:12px;line-height:18px;padding:0 0 5px 0}
.postmeta-secondary{color:#999;font-size:12px;line-height:18px;padding:0 0 10px 0}
.postmeta-primary span,.postmeta-secondary span{padding:3px 0 3px 20px;background-position:left center;background-repeat:no-repeat}
.meta_date{background-image:url(http://1.bp.blogspot.com/-tRtkx-tOhBc/UTk9dPlo4WI/AAAAAAAABOQ/oRS3qEMU5BY/s000/date.png)}
.meta_author{background-image:url(http://3.bp.blogspot.com/-kfbp68WyAxU/UTk9dsEqBdI/AAAAAAAABOY/1Kaxd7sbPc8/s000/author.png)}
.meta_comments{background-image:url(http://2.bp.blogspot.com/-1YciSdBtU0U/UTk9dgqcUsI/AAAAAAAABOg/HjKrUB3qjy8/s000/comments.png)}
.meta_edit{background-image:url(images/edit.png)}
.meta_categories{background-image:url(http://2.bp.blogspot.com/-hDfwTLH9r7k/UTk9dwcLqdI/AAAAAAAABOo/pTtix_DFT8Q/s000/category.png)}
.meta_tags{background-image:url(http://1.bp.blogspot.com/-4sal-aAR6lA/UTk9eR0dlPI/AAAAAAAABOw/hVHWvkE_L84/s000/tags.png)}
.readmore{margin-bottom:5px;float:right}
.readmore a{color:#fff;background:#50595C url(http://3.bp.blogspot.com/-QAzJWMphVHU/UTk9eoYJJKI/AAAAAAAABO4/LTgZrmv2fpY/s000/readmore-bg.png) left top repeat-x;padding:8px 14px;display:inline-block;font-size:12px;line-height:12px;text-decoration:none;text-transform:uppercase}
.readmore a:hover{color:#fff;background:#C6231E url(http://3.bp.blogspot.com/-QAzJWMphVHU/UTk9eoYJJKI/AAAAAAAABO4/LTgZrmv2fpY/s000/readmore-bg.png) left -126px repeat-x;text-decoration:none}
/* Sidebar Content----------------------------------------------- */
.sidebar{margin:0 0 10px 0;font-size:13px;color:#495158;}
.sidebar a{text-decoration:none;color:#495158;}
.sidebar a:hover{text-decoration:none;color:#C92520;}
.sidebar h2, h3.widgettitle{background:url(http://3.bp.blogspot.com/-m7y7bfwhL8Q/UTk9ewPigYI/AAAAAAAABPA/AJDhaN4q88M/s000/widgettitle-bg.png) left top no-repeat;margin:0 0 10px -26px;padding:8px 0 20px 20px;color:#FFF;font-size:20px;line-height:20px;font-family:'Ropa Sans',sans-serif;font-weight:normal;text-decoration:none;text-transform:uppercase;text-shadow:0 1px 0 #770602;}
.sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
.sidebar ul li{padding:0 0 9px 12px;margin:0 0 8px 0;background:url(http://4.bp.blogspot.com/-QqkikIjjik0/UTk9fIoIMxI/AAAAAAAABPI/yENggoMKo_k/s000/widget-list.png) left 3px no-repeat;}
.sidebar .widget{margin:0 0 15px 0;padding:0;color:#495158;font-size:13px;}
.sidebar .widget-content{width:301px;overflow:hidden;}
.main .widget{margin:0 0 5px;padding:0 0 2px}
.main .Blog{border-bottom-width:0}
.widget-container{list-style-type:none;list-style:none;margin:0 0 15px 0;padding:0;color:#495158;font-size:13px}
/* FOOTER ----------------------------------------------- */
#footer-container{background:none;margin-bottom:15px;}
#footer{width:960px;margin:0 auto;padding:10px 0px;height:30px;overflow:hidden;text-shadow:0px 1px 0px #000;}
#copyrights{color:#FFF;background:none;float:left;width:440px;height:30px;overflow:hidden;}
#copyrights a{color:#FFF}
#copyrights a:hover{color:#FFF;text-decoration:none}
#credits{color:#ACBBC6;font-size:11px;float:right;text-align:right;width:440px;height:30px;overflow:hidden;}
#credits a{color:#ACBBC6;text-decoration:none}
#credits a:hover{text-decoration:none;color:#ACBBC6}
.crelink {float:right;text-align:right;}
#footer-widgets-container{background:url(http://3.bp.blogspot.com/-X-sZp-Mq-ZE/UTk9fHYB46I/AAAAAAAABPQ/H1CDQO5aUZQ/s000/footer-widget-bg.png);padding:20px 0;margin-top:14px;}
#footer-widgets{width:960px;margin:0 auto;}
.footer-widget-box{width:300px;float:left;padding-left:15px;margin:0px;}
.footer-widget-box-last{margin-right:0;}
#footer-widgets .widget-container{color:#495158;}
#footer-widgets .widget-container a{text-decoration:none;color:#495158;}
#footer-widgets .widget-container a:hover{text-decoration:none;color:#C92520;}
#footer-widgets h2{background:url("http://1.bp.blogspot.com/-Y9IRH_zRHu8/UTk9fSZrA8I/AAAAAAAABPY/UjDmax9BVfU/s000/footer-widgettitle-bg.png") repeat-x scroll left top transparent;margin:0 0 10px;padding:7px 0 7px 10px;color:#FFF;font-family:'Ropa Sans',sans-serif;font-size:20px;font-weight:normal;line-height:20px;text-decoration:none;text-shadow:0 1px 0 #770602;text-transform:uppercase;}
#footer-widgets .widget ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
#footer-widgets .widget ul li{padding:0 0 9px 12px;margin:0 0 8px 0;background:url(http://4.bp.blogspot.com/-QqkikIjjik0/UTk9fIoIMxI/AAAAAAAABPI/yENggoMKo_k/s000/widget-list.png) left 3px no-repeat;}
.footersec {}
.footersec .widget{margin-bottom:20px;}
.footersec ul{}
.footersec ul li{}
/* Search ----------------------------------------------- */
#search{border:1px solid #697477;background:#59626C url(http://4.bp.blogspot.com/-dZVWAtekoHc/UTk9fra8IAI/AAAAAAAABPg/bPKl_PJJerE/s000/search.png) 99% 50% no-repeat;text-align:left;padding:6px 24px 6px 6px}
#search #s{background:none;color:#9EA6AE;border:0;width:100%;padding:0;margin:0;outline:none}
#content-search{width:300px;padding:15px 0}
#topsearch{float:right;margin-top:15px}
#topsearch #s{width:220px}
/* Comments----------------------------------------------- */
#comments{padding:10px;}
#comments h4{font-size:16px;font-weight:bold;margin:1em 0;color:#000000;}
#comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative;}
#comment-name-url{width:465px;float:left}
#comment-date{width:465px;float:left;margin-top:5px;font-size:10px;}
#comment-header{float:left;padding:5px 0 40px 10px;margin:5px 0px 15px 0px;position:relative;background-color:#fff;border:1px dashed #ddd;}
.avatar-image-container{background:url(http://2.bp.blogspot.com/-Ue_SWrG1YrI/UTk9gC2Ge-I/AAAAAAAABPo/jH1HZ-D5uxk/s000/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}
.avatar-image-container img{width:32px;height:32px;}
a.comments-autor-name{color:#000;font:normal bold 14px Arial,Tahoma,Verdana}
a.says{color:#000;font:normal 14px Arial,Tahoma,Verdana}
.says a:hover{text-decoration:none}
.deleted-comment{font-style:italic;color:gray}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{text-align:center}
.feed-links{clear:both;line-height:2.5em}
/* Profile ----------------------------------------------- */
.profile-img{float:$startSide;margin-top:0;margin-$endSide:5px;margin-bottom:5px;margin-$startSide:0;padding:4px;border:1px solid $bordercolor}
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.avatar-image-container{background:url(http://2.bp.blogspot.com/-Ue_SWrG1YrI/UTk9gC2Ge-I/AAAAAAAABPo/jH1HZ-D5uxk/s000/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}
.avatar-image-container img{width:32px;height:32px;}
.profile-link{font:$postfooterfont;text-transform:uppercase;letter-spacing:.1em}
#navbar-iframe{height:0;visibility:hidden;display:none;}
.feed-links{
display:none;
}
/*--- Genera Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
background: url("http://4.bp.blogspot.com/-7CHpNrL3BIY/UQFD2sPq6LI/AAAAAAAAI8E/Jibvq813XCE/s400/33.gif") no-repeat scroll 5px 8px rgb(255, 255, 255);
list-style-type: none;
margin: 0px 0px 5px;
padding: 5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius: 10px 10px 10px 10px;
}
.popular-posts ul li:hover {
border:1px solid #666666;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

    ]]></b:skin>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
      //<![CDATA[
      (function($){
        /* hoverIntent by Brian Cherne */
        $.fn.hoverIntent = function(f,g) {
          // default configuration options
          var cfg = {
            sensitivity: 7,
            interval: 100,
            timeout: 0
          };
          // override configuration options with user supplied object
          cfg = $.extend(cfg, g ? {
            over: f, out: g }
                         : f );
          // instantiate variables
          // cX, cY = current X and Y position of mouse, updated by mousemove event
          // pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
          var cX, cY, pX, pY;
          // A private function for getting mouse position
          var track = function(ev) {
            cX = ev.pageX;
            cY = ev.pageY;
          };
          // A private function for comparing current and previous mouse position
          var compare = function(ev,ob) {
            ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
            // compare mouse positions to see if they've crossed the threshold
            if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
              $(ob).unbind("mousemove",track);
              // set hoverIntent state to true (so mouseOut can be called)
              ob.hoverIntent_s = 1;
              return cfg.over.apply(ob,[ev]);
            }
            else {
              // set previous coordinates for next time
              pX = cX;
              pY = cY;
              // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
              ob.hoverIntent_t = setTimeout( function(){
                compare(ev, ob);
              }
                                            , cfg.interval );
            }
          };
          // A private function for delaying the mouseOut function
          var delay = function(ev,ob) {
            ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
            ob.hoverIntent_s = 0;
            return cfg.out.apply(ob,[ev]);
          };
          // A private function for handling mouse 'hovering'
          var handleHover = function(e) {
            // next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut
            var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;
            while ( p && p != this ) {
              try {
                p = p.parentNode;
              }
              catch(e) {
                p = this;
              }
            }
            if ( p == this ) {
              return false;
            }
            // copy objects to be passed into t (required for event object to be passed in IE)
            var ev = jQuery.extend({
            }
                                   ,e);
            var ob = this;
            // cancel hoverIntent timer if it exists
            if (ob.hoverIntent_t) {
              ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
            }
            // else e.type == "onmouseover"
            if (e.type == "mouseover") {
              // set "previous" X and Y position based on initial entry point
              pX = ev.pageX;
              pY = ev.pageY;
              // update "current" X and Y position based on mousemove
              $(ob).bind("mousemove",track);
              // start polling interval (self-calling timeout) to compare mouse coordinates over time
              if (ob.hoverIntent_s != 1) {
                ob.hoverIntent_t = setTimeout( function(){
                  compare(ev,ob);
                }
                                              , cfg.interval );
              }
              // else e.type == "onmouseout"
            }
            else {
              // unbind expensive mousemove event
              $(ob).unbind("mousemove",track);
              // if hoverIntent state is true, then call the mouseOut function after the specified delay
              if (ob.hoverIntent_s == 1) {
                ob.hoverIntent_t = setTimeout( function(){
                  delay(ev,ob);
                }
                                              , cfg.timeout );
              }
            }
          };
          // bind the function to the two event listeners
          return this.mouseover(handleHover).mouseout(handleHover);
        };
      }
      )(jQuery);
      //]]>
    </script>
    <script type='text/javascript'>
      //<![CDATA[
      /*
* Superfish v1.4.8 - jQuery menu widget
* Copyright (c) 2008 Joel Birch
*
* Dual licensed under the MIT and GPL licenses:
* 	http://www.opensource.org/licenses/mit-license.php
* 	http://www.gnu.org/licenses/gpl.html
*
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
*/
      ;
      (function($){
        $.fn.superfish = function(op){
          var sf = $.fn.superfish,
              c = sf.c,
              $arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),
              over = function(){
                var $$ = $(this), menu = getMenu($$);
                clearTimeout(menu.sfTimer);
                $$.showSuperfishUl().siblings().hideSuperfishUl();
              }
          ,
              out = function(){
                var $$ = $(this), menu = getMenu($$), o = sf.op;
                clearTimeout(menu.sfTimer);
                menu.sfTimer=setTimeout(function(){
                  o.retainPath=($.inArray($$[0],o.$path)>-1);
                  $$.hideSuperfishUl();
                  if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){
                    over.call(o.$path);
                  }
                }
                                        ,o.delay);
              }
          ,
              getMenu = function($menu){
                var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
                sf.op = sf.o[menu.serial];
                return menu;
              }
          ,
              addArrow = function($a){
                $a.addClass(c.anchorClass).append($arrow.clone());
              };
          return this.each(function() {
            var s = this.serial = sf.o.length;
            var o = $.extend({
            }
                             ,sf.defaults,op);
            o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
              $(this).addClass([o.hoverClass,c.bcClass].join(' '))
              .filter('li:has(ul)').removeClass(o.pathClass);
            }
                                                                          );
            sf.o[s] = sf.op = o;
            $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {
              if (o.autoArrows) addArrow( $('>a:first-child',this) );
            }
                                                                                                             )
            .not('.'+c.bcClass)
            .hideSuperfishUl();
            var $a = $('a',this);
            $a.each(function(i){
              var $li = $a.eq(i).parents('li');
              $a.eq(i).focus(function(){
                over.call($li);
              }
                            ).blur(function(){
                out.call($li);
              }
                                  );
            }
                   );
            o.onInit.call(this);
          }
                          ).each(function() {
            var menuClasses = [c.menuClass];
            if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
            $(this).addClass(menuClasses.join(' '));
          }
                                );
        };
        var sf = $.fn.superfish;
        sf.o = [];
        sf.op = {
        };
        sf.IE7fix = function(){
          var o = sf.op;
          if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
            this.toggleClass(sf.c.shadowClass+'-off');
        };
        sf.c = {
          bcClass     : 'sf-breadcrumb',
          menuClass   : 'sf-js-enabled',
          anchorClass : 'sf-with-ul',
          arrowClass  : 'sf-sub-indicator',
          shadowClass : 'sf-shadow'
        };
        sf.defaults = {
          hoverClass	: 'sfHover',
          pathClass	: 'overideThisToUse',
          pathLevels	: 1,
          delay		: 800,
          animation	: {
            opacity:'show'}
          ,
          speed		: 'normal',
          autoArrows	: true,
          dropShadows : true,
          disableHI	: false,		// true disables hoverIntent detection
          onInit		: function(){
          }
          , // callback functions
          onBeforeShow: function(){
          }
          ,
          onShow		: function(){
          }
          ,
          onHide		: function(){
          }
        };
        $.fn.extend({
          hideSuperfishUl : function(){
            var o = sf.op,
                not = (o.retainPath===true) ? o.$path : '';
            o.retainPath = false;
            var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
            .find('>ul').hide().css('visibility','hidden');
            o.onHide.call($ul);
            return this;
          }
          ,
          showSuperfishUl : function(){
            var o = sf.op,
                sh = sf.c.shadowClass+'-off',
                $ul = this.addClass(o.hoverClass)
            .find('>ul:hidden').css('visibility','visible');
            sf.IE7fix.call($ul);
            o.onBeforeShow.call($ul);
            $ul.animate(o.animation,o.speed,function(){
              sf.IE7fix.call($ul);
              o.onShow.call($ul);
            }
                       );
            return this;
          }
        }
                   );
      }
      )(jQuery);
      //]]>
    </script>
    <script type='text/javascript'>
      /* <![CDATA[ */
      jQuery.noConflict();
      jQuery(function(){
        jQuery('ul.menu-primary').superfish({
          animation: {
            opacity:'show'}
          ,
          autoArrows:  true,
          dropShadows: false, 
          speed: 200,
          delay: 800
        }
                                           );
      }
            );
      jQuery(function(){
        jQuery('ul.menu-secondary').superfish({
          animation: {
            opacity:'show'}
          ,
          autoArrows:  true,
          dropShadows: false, 
          speed: 200,
          delay: 800
        }
                                             );
      }
            );
      jQuery(document).ready(function() {
        jQuery('.fp-slides').cycle({
          fx: 'scrollHorz',
          timeout: 4000,
          delay: 0,
          speed: 400,
          next: '.fp-next',
          prev: '.fp-prev',
          pager: '.fp-pager',
          continuous: 0,
          sync: 1,
          pause: 1,
          pauseOnPagerHover: 1,
          cleartype: true,
          cleartypeNoBg: true
        }
                                  );
      }
                            );
      /* ]]> */
    </script>
    <script type='text/javascript'>
      //<![CDATA[
      function showrecentcomments(json){
        for(var i=0;i<a_rc;i++){
          var b_rc=json.feed.entry[i];
          var c_rc;
          if(i==json.feed.entry.length)break;
          for(var k=0;k<b_rc.link.length;k++){
            if(b_rc.link[k].rel=='alternate'){
              c_rc=b_rc.link[k].href;
              break;
            }
          }
          c_rc=c_rc.replace("#","#comment-");
          var d_rc=c_rc.split("#");
          d_rc=d_rc[0];
          var e_rc=d_rc.split("/");
          e_rc=e_rc[5];
          e_rc=e_rc.split(".html");
          e_rc=e_rc[0];
          var f_rc=e_rc.replace(/-/g," ");
          f_rc=f_rc.link(d_rc);
          var g_rc=b_rc.published.$t;
          var h_rc=g_rc.substring(0,4);
          var i_rc=g_rc.substring(5,7);
          var j_rc=g_rc.substring(8,10);
          var k_rc=new Array();
          k_rc[1]="Jan";
          k_rc[2]="Feb";
          k_rc[3]="Mar";
          k_rc[4]="Apr";
          k_rc[5]="May";
          k_rc[6]="Jun";
          k_rc[7]="Jul";
          k_rc[8]="Aug";
          k_rc[9]="Sep";
          k_rc[10]="Oct";
          k_rc[11]="Nov";
          k_rc[12]="Dec";
          if("content" in b_rc){
            var l_rc=b_rc.content.$t;
          }
          else if("summary" in b_rc){
            var l_rc=b_rc.summary.$t;
          }
            else var l_rc="";
          var re=/<\S[^>]*>/g;
          l_rc=l_rc.replace(re,"");
          if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');
          document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');
          if(n_rc==true)document.write(' on '+f_rc);
          document.write(': ');
          if(l_rc.length<o_rc){
            document.write('<i>&#8220;');
            document.write(l_rc);
            document.write('&#8221;</i><br/><br/>');
          }
          else{
            document.write('<i>&#8220;');
            l_rc=l_rc.substring(0,o_rc);
            var p_rc=l_rc.lastIndexOf(" ");
            l_rc=l_rc.substring(0,p_rc);
            document.write(l_rc+'&hellip;&#8221;</i>');
            document.write('<br/><br/>');
          }
        }
      }
      function rp(json){
        document.write('<ul>');
        for(var i=0;i<numposts;i++){
          document.write('<li>');
          var entry=json.feed.entry[i];
          var posttitle=entry.title.$t;
          var posturl;
          if(i==json.feed.entry.length)break;
          for(var k=0;k<entry.link.length;k++){
            if(entry.link[k].rel=='alternate'){
              posturl=entry.link[k].href;
              break}
          }
          posttitle=posttitle.link(posturl);
          var readmorelink="(more)";
          readmorelink=readmorelink.link(posturl);
          var postdate=entry.published.$t;
          var cdyear=postdate.substring(0,4);
          var cdmonth=postdate.substring(5,7);
          var cdday=postdate.substring(8,10);
          var monthnames=new Array();
          monthnames[1]="Jan";
          monthnames[2]="Feb";
          monthnames[3]="Mar";
          monthnames[4]="Apr";
          monthnames[5]="May";
          monthnames[6]="Jun";
          monthnames[7]="Jul";
          monthnames[8]="Aug";
          monthnames[9]="Sep";
          monthnames[10]="Oct";
          monthnames[11]="Nov";
          monthnames[12]="Dec";
          if("content"in entry){
            var postcontent=entry.content.$t}
          else if("summary"in entry){
            var postcontent=entry.summary.$t}
            else var postcontent="";
          var re=/<\S[^>]*>/g;
          postcontent=postcontent.replace(re,"");
          document.write(posttitle);
          if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);
          if(showpostsummary==true){
            if(postcontent.length<numchars){
              document.write(postcontent)}
            else{
              postcontent=postcontent.substring(0,numchars);
              var quoteEnd=postcontent.lastIndexOf(" ");
              postcontent=postcontent.substring(0,quoteEnd);
              document.write(postcontent+'...'+readmorelink)}
          }
          document.write('</li>')}
        document.write('</ul>')}
      //]]>
    </script>
    <script type='text/javascript'>
      summary_noimg = 550;
      summary_img = 300;
      img_thumb_height = 65;
      img_thumb_width = 85;
    </script>
    <script type='text/javascript'>
      //<![CDATA[
      function removeHtmlTag(strx,chop){
        if(strx.indexOf("<")!=-1)
        {
          var s = strx.split("<");
          for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
              s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
          }
          strx =  s.join("");
        }
        chop = (chop < strx.length-1) ? chop : strx.length-2;
        while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
        strx = strx.substring(0,chop-1);
        return strx+'...';
      }
      function createSummaryAndThumb(pID){
        var div = document.getElementById(pID);
        var imgtag = "";
        var img = div.getElementsByTagName("img");
        var summ = summary_noimg;
        if(img.length>=1) {
          imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
          summ = summary_img;
        }
        var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
        div.innerHTML = summary;
      }
      //]]>
    </script>
    <style type='text/css'>
      .clearfix:after{
        content:&quot;
        \0020&quot;
        ;
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
        overflow:hidden}
      #container,#header,#main,#main-fullwidth,#footer,.clearfix{
        display:block}
      .clear{
        clear:both}
      h1,h2,h3,h4,h5,h6{
        margin-bottom:16px;
        font-weight:normal;
        line-height:1}
      h1{
        font-size:40px}
      h2{
        font-size:30px}
      h3{
        font-size:20px}
      h4{
        font-size:16px}
      h5{
        font-size:14px}
      h6{
        font-size:12px}
      h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{
        margin:0}
      table{
        margin-bottom:20px;
        width:100%}
      th{
        font-weight:bold}
      thead th{
        background:#c3d9ff}
      th,td,caption{
        padding:4px 10px 4px 5px}
      tr.even td{
        background:#e5ecf9}
      tfoot{
        font-style:italic}
      caption{
        background:#eee}
      li ul,li ol{
        margin:0}
      ul,ol{
        margin:0 20px 20px 0;
        padding-left:40px}
      ul{
        list-style-type:disc}
      ol{
        list-style-type:decimal}
      dl{
        margin:0 0 20px 0}
      dl dt{
        font-weight:bold}
      dd{
        margin-left:20px}
      blockquote{
        margin:20px;
        color:#666;
      }
      pre{
        margin:20px 0;
        white-space:pre}
      pre,code,tt{
        font:13px &#39;
        andale mono&#39;
        ,&#39;
        lucida console&#39;
        ,monospace;
        line-height:18px}
      #search {
        overflow:hidden;
      }
      #header h1{
        font-family:&#39;
        Oswald&#39;
        ,Arial,Helvetica,Sans-serif;
      }
      #header .description{
        font-family:Arial,Helvetica,Sans-serif;
      }
      .post-title {
        font-family:&#39;
        Ropa Sans&#39;
        ,sans-serif;
      }
      .sidebar h2{
        font-family:&#39;
        Ropa Sans&#39;
        ,sans-serif;
      }
      #footer-widgets .widgettitle{
        font-family:&#39;
        Ropa Sans&#39;
        ,sans-serif;
      }
      .menus,.menus *{
        margin:0;
        padding:0;
        list-style:none;
        list-style-type:none;
        line-height:1.0}
      .menus ul{
        position:absolute;
        top:-999em;
        width:100%}
      .menus ul li{
        width:100%}
      .menus li:hover{
        visibility:inherit}
      .menus li{
        float:left;
        position:relative}
      .menus a{
        display:block;
        position:relative}
      .menus li:hover ul,.menus li.sfHover ul{
        left:0;
        top:100%;
        z-index:99}
      .menus li:hover li ul,.menus li.sfHover li ul{
        top:-999em}
      .menus li li:hover ul,.menus li li.sfHover ul{
        left:100%;
        top:0}
      .menus li li:hover li ul,.menus li li.sfHover li ul{
        top:-999em}
      .menus li li li:hover ul,.menus li li li.sfHover ul{
        left:100%;
        top:0}
      .sf-shadow ul{
        padding:0 8px 9px 0;
        -moz-border-radius-bottomleft:17px;
        -moz-border-radius-topright:17px;
        -webkit-border-top-right-radius:17px;
        -webkit-border-bottom-left-radius:17px}
      .menus .sf-shadow ul.sf-shadow-off{
        background:transparent}
      .menu-primary-container{
        padding:0;
        position:relative;
        height:46px;
        background:none;
        z-index:400}
      .menu-primary{
      }
      .menu-primary ul{
        min-width:160px}
      .menu-primary li a{
        color:#A6ACAE;
        padding:18px 15px;
        text-decoration:none;
        text-transform:uppercase;
        font:normal 11px/11px Arial,Helvetica,Sans-serif}
      .menu-primary li a:hover,.menu-primary li a:active,.menu-primary li a:focus,.menu-primary li:hover &gt;
      a,.menu-primary li.current-cat &gt;
      a,.menu-primary li.current_page_item &gt;
      a,.menu-primary li.current-menu-item &gt;
      a{
        color:#FAF7F4;
        outline:0;
        background:none}
      .menu-primary li li a{
        color:#fff;
        text-transform:none;
        background:#41474D;
        padding:10px 15px;
        margin:0;
        border:0;
        font-weight:normal}
      .menu-primary li li a:hover,.menu-primary li li a:active,.menu-primary li li a:focus,.menu-primary li li:hover &gt;
      a,.menu-primary li li.current-cat &gt;
      a,.menu-primary li li.current_page_item &gt;
      a,.menu-primary li li.current-menu-item &gt;
      a{
        color:#fff;
        background:#555B61;
        outline:0;
        border-bottom:0;
        text-decoration:none}
      .menu-primary a.sf-with-ul{
        padding-right:20px;
        min-width:1px}
      .menu-primary .sf-sub-indicator{
        position:absolute;
        display:block;
        overflow:hidden;
        right:0;
        top:0;
        padding:17px 10px 0 0}
      .menu-primary li li .sf-sub-indicator{
        padding:9px 10px 0 0}
      .wrap-menu-primary .sf-shadow ul{
        background:url(&#39;http://3.bp.blogspot.com/--hrPyUxkf4I/UTk9gb_Hj0I/AAAAAAAABPw/8dkardrXw6Q/s000/menu-primary-shadow.png&#39;) no-repeat bottom right}
      .menu-secondary-container{
        position:relative;
        height:55px;
        z-index:300;
        background:url(http://1.bp.blogspot.com/-zuZ24lrs8ms/UTk9gjgn7uI/AAAAAAAABP4/zkxSMXIHhQs/s000/menu-secondary-bg.png) center 3px no-repeat;
        margin:0 -13px;
        padding:0 13px}
      .menu-secondary{
      }
      .menu-secondary ul{
        min-width:160px}
      .menu-secondary li a{
        color:#FFF;
        padding:14px 15px 12px 15px;
        text-decoration:none;
        text-transform:uppercase;
        font:normal 15px/15px &#39;
        Ropa Sans&#39;
        ,sans-serif;
        text-shadow:0 1px 0 #770602}
      .menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover &gt;
      a,.menu-secondary li.current-cat &gt;
      a,.menu-secondary li.current_page_item &gt;
      a,.menu-secondary li.current-menu-item &gt;
      a{
        color:#FFF;
        background:url(http://4.bp.blogspot.com/-w0QeTLj64jA/UTk9g6OXUCI/AAAAAAAABQA/_PgL4OK0HXg/s000/menu-secondary-hover.png) left top repeat-x;
        outline:0;
        text-shadow:0 1px 0 #770602}
      .menu-secondary li li a{
        color:#fff;
        background:#C8241F;
        padding:10px 15px;
        text-transform:none;
        margin:0;
        font-weight:normal}
      .menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover &gt;
      a,.menu-secondary li li.current-cat &gt;
      a,.menu-secondary li li.current_page_item &gt;
      a,.menu-secondary li li.current-menu-item &gt;
      a{
        color:#fff;
        background:#E52D2A;
        outline:0}
      .menu-secondary a.sf-with-ul{
        padding-right:26px;
        min-width:1px}
      .menu-secondary .sf-sub-indicator{
        position:absolute;
        display:block;
        overflow:hidden;
        right:0;
        top:0;
        padding:14px 13px 0 0}
      .menu-secondary li li .sf-sub-indicator{
        padding:9px 13px 0 0}
      .wrap-menu-secondary .sf-shadow ul{
        background:url(&#39;http://4.bp.blogspot.com/-Ec2lcAp-v48/UTk9hREt7mI/AAAAAAAABQI/7a0Veo0oLdA/s000/menu-secondary-shadow.png&#39;) no-repeat bottom right}
      .fp-slider{
        margin:0 auto 15px auto;
        padding:0px;
        width:930px;
        height:332px;
        overflow:hidden;
        position:relative;
      }
      .fp-slides-container{
      }
      .fp-slides,.fp-thumbnail,.fp-prev-next,.fp-nav{
        width:930px;
      }
      .fp-slides,.fp-thumbnail{
        height:300px;
        overflow:hidden;
        position:relative}
      .fp-title{
        color:#fff;
        text-shadow:0px 1px 0px #000;
        font:bold 18px Arial,Helvetica,Sans-serif;
        padding:0 0 2px 0;
        margin:0}
      .fp-title a,.fp-title a:hover{
        color:#fff;
        text-shadow:0px 1px 0px #000;
        text-decoration:none}
      .fp-content{
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        background:#111;
        opacity:0.7;
        filter:alpha(opacity = 70);
        padding:10px 15px;
        overflow:hidden}
      .fp-content p{
        color:#fff;
        text-shadow:0px 1px 0px #000;
        padding:0;
        margin:0;
        line-height:18px}
      .fp-more,.fp-more:hover{
        color:#fff;
        font-weight:bold}
      .fp-nav{
        height:12px;
        text-align:center;
        padding:10px 0;
        background:#333;
      }
      .fp-pager a{
        background-image:url(http://1.bp.blogspot.com/-X59QGJQMsS8/UTk9hvMAsKI/AAAAAAAABQQ/--XOinPASIA/s000/featured-pager.png);
        cursor:pointer;
        margin:0 8px 0 0;
        padding:0;
        display:inline-block;
        width:12px;
        height:12px;
        overflow:hidden;
        text-indent:-999px;
        background-position:0 0;
        float:none;
        line-height:1;
        opacity:0.7;
        filter:alpha(opacity = 70)}
      .fp-pager a:hover,.fp-pager a.activeSlide{
        text-decoration:none;
        background-position:0 -112px;
        opacity:1.0;
        filter:alpha(opacity = 100)}
      .fp-prev-next-wrap{
        position:relative;
        z-index:200}
      .fp-prev-next{
        position:absolute;
        bottom:130px;
        left:0;
        right:0;
        height:37px}
      .fp-prev{
        margin-top:-180px;
        float:left;
        margin-left:14px;
        width:37px;
        height:37px;
        background:url(http://4.bp.blogspot.com/-8gOpGtzfIsQ/UTk9h8NnzsI/AAAAAAAABQY/BJJVD9lxo-4/s000/featured-prev.png) left top no-repeat;
        opacity:0.6;
        filter:alpha(opacity = 60)}
      .fp-prev:hover{
        opacity:0.8;
        filter:alpha(opacity = 80)}
      .fp-next{
        margin-top:-180px;
        float:right;
        width:36px;
        height:37px;
        margin-right:14px;
        background:url(http://1.bp.blogspot.com/-OFOHmLJGON0/UTk9iSY1i0I/AAAAAAAABQg/1IPIG0BP9Vg/s000/featured-next.png) right top no-repeat;
        opacity:0.6;
        filter:alpha(opacity = 60)}
      .fp-next:hover{
        opacity:0.8;
        filter:alpha(opacity = 80)}
      /* -- number page navigation -- */
      #blog-pager {
        padding:6px;
        font-size:11px;
      }
      #comment-form iframe{
        padding:5px;
        width:580px;
        height:275px;
      }
      .tabs-widget{
        list-style:none;
        list-style-type:none;
        margin:0 0 10px 0;
        padding:0;
        height:26px}
      .tabs-widget li{
        list-style:none;
        list-style-type:none;
        margin:0 0 0 4px;
        padding:0;
        float:left}
      .tabs-widget li:first-child{
        margin:0}
      .tabs-widget li a{
        color:#fff;
        background:url(http://2.bp.blogspot.com/-MW4qFOnkntA/UTk9iehdm2I/AAAAAAAABQo/rfNCrR-0yKE/s000/tabs-bg.png) left top repeat-x;
        padding:6px 16px;
        display:block;
        text-decoration:none;
        font:bold 12px/12px Arial,Helvetica,Sans-serif}
      .tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{
        background:url(http://2.bp.blogspot.com/-MW4qFOnkntA/UTk9iehdm2I/AAAAAAAABQo/rfNCrR-0yKE/s000/tabs-bg.png) left -126px repeat-x;
        color:#fff;
        text-decoration:none}
      .tabs-widget-content{
      }
      .tabviewsection{
        margin-top:10px;
        margin-bottom:10px;
      }
      #crosscol-wrapper{
        display:none;
      }
      .PopularPosts .item-title{
        font-weight:bold;
        padding-bottom:0.2em;
        text-shadow:0px 1px 0px #fff;
      }
      .PopularPosts .widget-content ul li{
        padding:0.7em 0;
        background:none}
      div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{
        float:left;
        margin-right:10px}
      .span-1{
        width:30px}
      .span-2{
        width:70px}
      .span-3{
        width:110px}
      .span-4{
        width:150px}
      .span-5{
        width:190px}
      .span-6{
        width:230px}
      .span-7{
        width:270px}
      .span-8{
        width:310px}
      .span-9{
        width:350px}
      .span-10{
        width:390px}
      .span-11{
        width:430px}
      .span-12{
        width:470px}
      .span-13{
        width:510px}
      .span-14{
        width:550px}
      .span-15{
        width:590px}
      .span-16{
        width:630px}
      .span-17{
        width:670px}
      .span-18{
        width:710px}
      .span-19{
        width:750px}
      .span-20{
        width:790px}
      .span-21{
        width:830px}
      .span-22{
        width:870px}
      .span-23{
        width:910px}
      .span-24,div.span-24{
        width:960px;
        margin:0}
      input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24{
        border-left-width:1px!important;
        border-right-width:1px!important;
        padding-left:5px!important;
        padding-right:5px!important}
      input.span-1,textarea.span-1{
        width:18px!important}
      input.span-2,textarea.span-2{
        width:58px!important}
      input.span-3,textarea.span-3{
        width:98px!important}
      input.span-4,textarea.span-4{
        width:138px!important}
      input.span-5,textarea.span-5{
        width:178px!important}
      input.span-6,textarea.span-6{
        width:218px!important}
      input.span-7,textarea.span-7{
        width:258px!important}
      input.span-8,textarea.span-8{
        width:298px!important}
      input.span-9,textarea.span-9{
        width:338px!important}
      input.span-10,textarea.span-10{
        width:378px!important}
      input.span-11,textarea.span-11{
        width:418px!important}
      input.span-12,textarea.span-12{
        width:458px!important}
      input.span-13,textarea.span-13{
        width:498px!important}
      input.span-14,textarea.span-14{
        width:538px!important}
      input.span-15,textarea.span-15{
        width:578px!important}
      input.span-16,textarea.span-16{
        width:618px!important}
      input.span-17,textarea.span-17{
        width:658px!important}
      input.span-18,textarea.span-18{
        width:698px!important}
      input.span-19,textarea.span-19{
        width:738px!important}
      input.span-20,textarea.span-20{
        width:778px!important}
      input.span-21,textarea.span-21{
        width:818px!important}
      input.span-22,textarea.span-22{
        width:858px!important}
      input.span-23,textarea.span-23{
        width:898px!important}
      input.span-24,textarea.span-24{
        width:938px!important}
      .last{
        margin-right:0;
        padding-right:0}
      .last,div.last{
        margin-right:0}
      .menu-primary-container{
        z-index:10 !important;
      }
      .menu-secondary-container{
        z-index:10 !important;
      }
    </style>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <style type='text/css'>
        .post-body img {
          padding:0px;
          background:transparent;
          border:none;
        }
      </style>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <style type='text/css'>
        .post-body img {
          padding:0px;
          background:transparent;
          border:none;
        }
      </style>
    </b:if>
    <!--[if lte IE 8]>
<style type='text/css'>
#search{background-position:99% 20%;height:16px;}
.fp-slider {height:300px;}
.fp-nav {display:none;}
</style>
<![endif]-->
    <script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
      {
        lang: &#39;en-US&#39;}
    </script>
    <script type='text/javascript'>
      var _gaq = _gaq || [];
      _gaq.push([&#39;_setAccount&#39;, &#39;UA-28517254-1&#39;]);
                 _gaq.push([&#39;_trackPageview&#39;]);
                 (function() {
                 var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true;
                 ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;;
                 var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s);
                 }
                 )();
    </script>
  </head>
  <body>
    <div id='body-wrapper'>
      <div id='outer-wrapper'>
        <div id='wrap2'>
          <div class='span-24'>
            <div class='menu-primary-container'>
              <b:section class='pagelistmenusblog' id='pagelistmenusblog' showaddelement='no'>
                <b:widget id='PageList8' locked='false' title='Pages - Menu' type='PageList'>
                  <b:includable id='main'>
                    <b:if cond='data:title'>
                      <!--<h2><data:title/></h2>-->
                    </b:if>
                    <div class='widget-content'>
                      <ul class='menus menu-primary'>
                        <b:loop values='data:links' var='link'>
                          <b:if cond='data:link.isCurrentPage'>
                            <li id='currentpage'>
                              <a expr:href='data:link.href'>
                                <data:link.title/>
                              </a>
                            </li>
                            <b:else/>
                            <li>
                              <a expr:href='data:link.href'>
                                <data:link.title/>
                              </a>
                            </li>
                          </b:if>
                        </b:loop>
                      </ul>
                      <b:include name='quickedit'/>
                    </div>
                  </b:includable>
                </b:widget>
              </b:section>
            </div>
          </div>
          <div style='clear:both;'/>
          <div id='header-wrapper'>
            <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
              <b:widget id='Header1' locked='true' title='Fhyro&apos;Blog (Header)' type='Header'>
                <b:includable id='main'>
                  <b:if cond='data:useImage'>
                    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
                      <!--Show just the image, no text-->
                      <div id='header-inner'>
                        <a expr:href='data:blog.homepageUrl' style='display: block'>
                          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block;padding-left:0px;padding-top:0px;'/>
                        </a>
                      </div>
                      <b:else/>
                      <!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
                      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                        <div class='titlewrapper' style='background: transparent'>
                          <h1 class='title' style='background: transparent; border-width: 0px'>
                            <b:include name='title'/>
                          </h1>
                        </div>
                        <b:include name='description'/>
                      </div>
                    </b:if>
                    <b:else/>
                    <!--No header image -->
                    <div id='header-inner'>
                      <div class='titlewrapper'>
                        <h1 class='title'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                  </b:if>
                </b:includable>
                <b:includable id='description'>
                  <div class='descriptionwrapper'>
                    <p class='description'>
                      <span>
                        <data:description/>
                      </span>
                    </p>
                  </div>
                </b:includable>
                <b:includable id='title'>
                  <a expr:href='data:blog.homepageUrl'>
                    <data:title/>
                  </a>
                </b:includable>
              </b:widget>
            </b:section>
            <div id='header2'>
              <div id='topsearch'>
                <div id='search' title='Type and hit enter'>
                  <form expr:action='data:blog.homepageUrl + &quot;search/&quot;' id='searchform' method='get'>
                    <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}' onfocus='if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}' type='text' value='Search'/>
                  </form>
                </div>
              </div>
            </div>
            <div style='clear:both;'/>
          </div>
          <div style='clear:both;'/>
          <div class='span-24'>
            <div class='menu-secondary-container'>
              <ul class='menus menu-secondary'>
                <li>
                  <a expr:href='data:blog.homepageUrl'>
                    Home
                  </a>
                </li>
                <li>
                  <a href='http://fhyro.blogspot.com/search/label/Info%20Teknologi'>
                    Info Teknologi
                  </a>
                </li>
                <li>
                  <a href='http://fhyro.blogspot.com/search/label/Antivirus'>
                    Antivirus
                  </a>
                </li>
                <li>
                  <a href='http://fhyro.blogspot.com/search/label/Network'>
                    Network
                  </a>
                </li>
                <li>
                  <a href='http://fhyro.blogspot.com/search/label/Images'>
                    Photos | Images
                  </a>
                </li>
                <li>
                  <a href='http://fhyro.blogspot.com/search/label/Office'>
                    Office
                  </a>
                </li>
                <li>
                  <a href='http://fhyro.blogspot.com/search/label/Multimedia'>
                    Multimedia
                  </a>
                </li>
                <li>
                  <a href='http://fhyro.blogspot.com/search/label/System'>
                    System
                  </a>
                </li>
                <li>
                  <a href='http://fhyro.blogspot.com/search/label/Games'>
                    Games
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div style='clear:both;'/>
          <div id='content-wrapper'>
            <div id='crosscol-wrapper' style='text-align:center'>
              <b:section class='crosscol' id='crosscol' showaddelement='yes'/>
            </div>
            <div id='lsidebar-wrapper'>
              <div class='widget-container'>
                <div class='social-profiles-widget'>
                  <h3 class='widgettitle'>
                    Social Profiles
                  </h3>
                  <a href='http://facebook.com/pages/Fhyro/111357012315884' target='_blank'>
                    <img alt='Facebook' src='http://4.bp.blogspot.com/-lr4De8N2fAY/UTk9ixcJr3I/AAAAAAAABQ4/uNSIY_HZgU8/s000/facebook.png' title='Facebook'/>
                  </a>
                  <a href='https://plus.google.com/' target='_blank'>
                    <img alt='Google Plus' src='http://4.bp.blogspot.com/-ewu0hKVHcqU/UTk9jBwhviI/AAAAAAAABRA/I0bi1nKjlDw/s000/gplus.png' title='Google Plus'/>
                  </a>
                  <a href='http://www.linkedin.com/' target='_blank'>
                    <img alt='LinkedIn' src='http://3.bp.blogspot.com/-Qnu5MuuYzbg/UTk9jVwflKI/AAAAAAAABRI/kT3H6oxVW8Q/s000/linkedin.png' title='LinkedIn'/>
                  </a>
                  <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'>
                    <img alt='RSS Feed' src='http://2.bp.blogspot.com/-kq_Z3oS1ip8/UTk9jkHTgAI/AAAAAAAABRQ/BSW-bIzWeHQ/s000/rss.png' title='RSS Feed'/>
                  </a>
                  <a href='fhyroblog@gmail.com' target='_blank'>
                    <img alt='Email' src='http://3.bp.blogspot.com/-yLpPFVctL38/UTk9kPQlqNI/AAAAAAAABRY/kLhEO7EUPKw/s000/email.png' title='Email'/>
                  </a>
                </div>
              </div>
              <div style='clear:both;'/>
              <div class='widget-container'>
                <div class='tabviewsection'>
                  <script type='text/javascript'>
                    jQuery(document).ready(function($){
                      $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
                      $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a&quot;).addClass(&quot;tabs-widget-current&quot;).show();
                      $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id:first&quot;).show();
                      $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).click(function() {
                        $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).removeClass(&quot;tabs-widget-current a&quot;);
                        $(this).addClass(&quot;tabs-widget-current&quot;);
                        $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
                        var activeTab = $(this).attr(&quot;href&quot;);
                        $(activeTab).fadeIn();
                        return false;
                      }
                                                                                                 );
                    }
                                          );
                  </script>
                </div>
              </div>
              <div style='height:5px;clear:both;'/>
              <b:section class='sidebar' id='sidebarright' preferred='yes'>
                <b:widget id='HTML5' locked='false' title='Daftar Isi' type='HTML'>
                  <b:includable id='main'>
                    <!-- only display title if it's non-empty -->
                    <b:if cond='data:title != &quot;&quot;'>
                      <h2 class='title'>
                        <data:title/>
                      </h2>
                    </b:if>
                    <div class='widget-content'>
                      <data:content/>
                    </div>
                    <b:include name='quickedit'/>
                  </b:includable>
                </b:widget>
                <b:widget id='HTML4' locked='false' title='Anda Suka Fhyro&apos;Blog?' type='HTML'>
                  <b:includable id='main'>
                    <!-- only display title if it's non-empty -->
                    <b:if cond='data:title != &quot;&quot;'>
                      <h2 class='title'>
                        <data:title/>
                      </h2>
                    </b:if>
                    <div class='widget-content'>
                      <data:content/>
                    </div>
                    <b:include name='quickedit'/>
                  </b:includable>
                </b:widget>
                <b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'>
                  <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if>  
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>
  
          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            <!--
            Relies on the js written out in navbar.gxp
            -->
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>
  
          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
                </b:widget>
                <b:widget id='HTML2' locked='false' title='Statistic' type='HTML'>
                  <b:includable id='main'>
                    <!-- only display title if it's non-empty -->
                    <b:if cond='data:title != &quot;&quot;'>
                      <h2 class='title'>
                        <data:title/>
                      </h2>
                    </b:if>
                    <div class='widget-content'>
                      <data:content/>
                    </div>
                    <b:include name='quickedit'/>
                  </b:includable>
                </b:widget>
              </b:section>
              <p/>
            </div>
            <div id='main-wrapper'>
              <b:section class='main' id='main' showaddelement='no'>
                <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
                  <b:includable id='main' var='top'>
                    <b:if cond='data:mobile == &quot;false&quot;'>
                      <!-- posts -->
                      <div class='blog-posts hfeed'>
                        <b:include data='top' name='status-message'/>
                        <data:defaultAdStart/>
                        <b:loop values='data:posts' var='post'>
                          <b:if cond='data:post.isDateStart'>
                            <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
                              &lt;/div&gt;&lt;/div&gt;
                            </b:if>
                          </b:if>
                          <b:if cond='data:post.isDateStart'>
                            &lt;div class=&quot;date-outer&quot;&gt;
                          </b:if>
                          <b:if cond='data:post.dateHeader'>
                            <h2 class='date-header'>
                              <span>
                                <data:post.dateHeader/>
                              </span>
                            </h2>
                          </b:if>
                          <b:if cond='data:post.isDateStart'>
                            &lt;div class=&quot;date-posts&quot;&gt;
                          </b:if>
                          <div class='post-outer'>
                            <b:include data='post' name='post'/>
                            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                              <b:if cond='data:post.showThreadedComments'>
                                <b:include data='post' name='threaded_comments'/>
                                <b:else/>
                                <b:include data='post' name='comments'/>
                              </b:if>
                            </b:if>
                            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                              <b:if cond='data:post.showThreadedComments'>
                                <b:include data='post' name='threaded_comments'/>
                                <b:else/>
                                <b:include data='post' name='comments'/>
                              </b:if>
                            </b:if>
                          </div>
                          <b:if cond='data:post.includeAd'>
                            <b:if cond='data:post.isFirstPost'>
                              <data:defaultAdEnd/>
                              <b:else/>
                              <data:adEnd/>
                            </b:if>
                            <div class='inline-ad'>
                              <data:adCode/>
                            </div>
                            <data:adStart/>
                          </b:if>
                        </b:loop>
                        <b:if cond='data:numPosts != 0'>
                          &lt;/div&gt;&lt;/div&gt;
                        </b:if>
                        <data:adEnd/>
                      </div>
                      <b:if cond='data:blog.pageType != &quot;item&quot;'>
                        <!-- navigation -->
                        <b:include name='nextprev'/>
                      </b:if>
                      <!-- feed links -->
                      <b:include name='feedLinks'/>
                      <b:if cond='data:top.showStars'>
                        <script src='//www.google.com/jsapi' type='text/javascript'/>
                        <script type='text/javascript'>
                          google.load(&quot;annotations&quot;, &quot;1&quot;, {
                                      &quot;locale&quot;: &quot;<data:top.languageCode/>&quot;}
                                     );
                          function initialize() {
                            google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                            google.annotations.createAll();
                            google.annotations.fetch();
                          }
                          google.setOnLoadCallback(initialize);
                        </script>
                      </b:if>
                      <b:else/>
                      <b:include name='mobile-main'/>
                    </b:if>
                    <b:if cond='data:top.showDummy'>
                      <data:top.dummyBootstrap/>
                    </b:if>
                  </b:includable>
                  <b:includable id='backlinkDeleteIcon' var='backlink'>
                    <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                      <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                        <img src='//www.blogger.com/img/icon_delete13.gif'/>
                      </a>
                    </span>
                  </b:includable>
                  <b:includable id='backlinks' var='post'>
                    <a name='links'/>
                    <h4>
                      <data:post.backlinksLabel/>
                    </h4>
                    <b:if cond='data:post.numBacklinks != 0'>
                      <dl class='comments-block' id='comments-block'>
                        <b:loop values='data:post.backlinks' var='backlink'>
                          <div class='collapsed-backlink backlink-control'>
                            <dt class='comment-title'>
                              <span class='backlink-toggle-zippy'>
                                &#160;
                              </span>
                              <a expr:href='data:backlink.url' rel='nofollow'>
                                <data:backlink.title/>
                              </a>
                              <b:include data='backlink' name='backlinkDeleteIcon'/>
                            </dt>
                            <dd class='comment-body collapseable'>
                              <data:backlink.snippet/>
                            </dd>
                            <dd class='comment-footer collapseable'>
                              <span class='comment-author'>
                                <data:post.authorLabel/>
                                <data:backlink.author/>
                              </span>
                              <span class='comment-timestamp'>
                                <data:post.timestampLabel/>
                                <data:backlink.timestamp/>
                              </span>
                            </dd>
                          </div>
                        </b:loop>
                      </dl>
                    </b:if>
                    <p class='comment-footer'>
                      <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
                        <data:post.createLinkLabel/>
                      </a>
                    </p>
                  </b:includable>
                  <b:includable id='breadcrumb' var='posts'>
                    <b:if cond='data:blog.homepageUrl != data:blog.url'>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <div class='breadcrumbs'>
                          <span>
                            <a expr:href='data:blog.homepageUrl' rel='tag'>
                              Home
                            </a>
                          </span>
                          / 
                          <span>
                            <data:blog.pageName/>
                          </span>
                        </div>
                        <b:else/>
                        <b:if cond='data:blog.pageType == &quot;item&quot;'>
                          <!-- breadcrumb for the post page -->
                          <b:loop values='data:posts' var='post'>
                            <b:if cond='data:post.labels'>
                              <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
                                <span typeof='v:Breadcrumb'>
                                  <a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>
                                    Home
                                  </a>
                                </span>
                                <b:loop values='data:post.labels' var='label'>
                                  <b:if cond='data:label.isLast == &quot;true&quot;'>
                                    / 
                                    <span typeof='v:Breadcrumb'>
                                      <a expr:href='data:label.url' property='v:title' rel='v:url'>
                                        <data:label.name/>
                                      </a>
                                    </span>
                                  </b:if>
                                </b:loop>
                                / 
                                <span>
                                  <data:post.title/>
                                </span>
                              </div>
                              <b:else/>
                              <div class='breadcrumbs'>
                                <span>
                                  <a expr:href='data:blog.homepageUrl' rel='tag'>
                                    Home
                                  </a>
                                </span>
                                / 
                                <span>
                                  Unlabelled
                                </span>
                                / 
                                <span>
                                  <data:post.title/>
                                </span>
                              </div>
                            </b:if>
                          </b:loop>
                          <b:else/>
                          <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                            <!-- breadcrumb for the label archive page and search pages.. -->
                            <div class='breadcrumbs'>
                              <span>
                                <a expr:href='data:blog.homepageUrl'>
                                  Home
                                </a>
                              </span>
                              / 
                              <span>
                                Archives for 
                                <data:blog.pageName/>
                              </span>
                            </div>
                            <b:else/>
                            <b:if cond='data:blog.pageType == &quot;index&quot;'>
                              <div class='breadcrumbs'>
                                <b:if cond='data:blog.pageName == &quot;&quot;'>
                                  <span>
                                    <a expr:href='data:blog.homepageUrl'>
                                      Home
                                    </a>
                                  </span>
                                  / 
                                  <span>
                                    All posts
                                  </span>
                                  <b:else/>
                                  <span>
                                    <a expr:href='data:blog.homepageUrl'>
                                      Home
                                    </a>
                                  </span>
                                  / 
                                  <span>
                                    Posts filed under 
                                    <data:blog.pageName/>
                                  </span>
                                </b:if>
                              </div>
                            </b:if>
                          </b:if>
                        </b:if>
                      </b:if>
                    </b:if>
                  </b:includable>
                  <b:includable id='comment-form' var='post'>
                    <div class='comment-form'>
                      <a name='comment-form'/>
                      <b:if cond='data:mobile'>
                        <h4 id='comment-post-message'>
                          <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'>
                            <data:postCommentMsg/>
                          </a>
                        </h4>
                        <p>
                          <data:blogCommentMessage/>
                        </p>
                        <data:blogTeamBlogMessage/>
                        <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                        <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                        <b:else/>
                        <h4 id='comment-post-message'>
                          <data:postCommentMsg/>
                        </h4>
                        <p>
                          <data:blogCommentMessage/>
                        </p>
                        <data:blogTeamBlogMessage/>
                        <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                        <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                      </b:if>
                      <data:post.friendConnectJs/>
                      <data:post.cmtfpIframe/>
                      <script type='text/javascript'>
                        BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                      </script>
                    </div>
                  </b:includable>
                  <b:includable id='comment-form-js' var='post'>
                    <data:post.friendConnectJs/>
                    <data:post.cmtfpIframe/>
                    <script type='text/javascript'>
                      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                    </script>
                  </b:includable>
                  <b:includable id='commentDeleteIcon' var='comment'>
                    <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
                      <b:if cond='data:showCmtPopup'>
                        <div class='goog-toggle-button'>
                          <div class='goog-inline-block comment-action-icon'/>
                        </div>
                        <b:else/>
                        <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
                          <img src='//www.blogger.com/img/icon_delete13.gif'/>
                        </a>
                      </b:if>
                    </span>
                  </b:includable>
                  <b:includable id='comment_count_picker' var='post'>
                    <b:if cond='data:post.forceIframeComments'>
                      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                      </span>
                      <b:else/>
                      <b:if cond='data:post.commentSource == 1'>
                        <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                        </span>
                        <b:else/>
                        <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                          <data:post.commentLabelFull/>
                          :
                        </a>
                      </b:if>
                    </b:if>
                  </b:includable>
                  <b:includable id='comment_picker' var='post'>
                    <b:if cond='data:post.commentSource == 1'>
                      <b:include data='post' name='iframe_comments'/>
                      <b:else/>
                      <b:if cond='data:post.showThreadedComments'>
                        <b:include data='post' name='threaded_comments'/>
                        <b:else/>
                        <b:include data='post' name='comments'/>
                      </b:if>
                    </b:if>
                  </b:includable>
                  <b:includable id='comments' var='post'>
                    <div class='comments' id='comments'>
                      <a name='comments'/>
                      <b:if cond='data:post.allowComments'>
                        <h4>
                          <b:if cond='data:post.numComments == 1'>
                            1 
                            <data:commentLabel/>
                            :
                            <b:else/>
                            <data:post.numComments/>
                            <data:commentLabelPlural/>
                            :
                          </b:if>
                        </h4>
                        <b:if cond='data:post.commentPagingRequired'>
                          <span class='paging-control-container'>
                            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                              <data:post.oldestLinkText/>
                            </a>
                            &#160;
                            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                              <data:post.olderLinkText/>
                            </a>
                            &#160;
                            <data:post.commentRangeText/>
                            &#160;
                            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                              <data:post.newerLinkText/>
                            </a>
                            &#160;
                            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                              <data:post.newestLinkText/>
                            </a>
                          </span>
                        </b:if>
                        <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
                          <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
                            <b:loop values='data:post.comments' var='comment'>
                              <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
                                <b:if cond='data:comment.favicon'>
                                  <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                                </b:if>
                                <a expr:name='data:comment.anchorName'/>
                                <b:if cond='data:blog.enabledCommentProfileImages'>
                                  <data:comment.authorAvatarImage/>
                                </b:if>
                                <b:if cond='data:comment.authorUrl'>
                                  <a expr:href='data:comment.authorUrl' rel='nofollow'>
                                    <data:comment.author/>
                                  </a>
                                  <b:else/>
                                  <data:comment.author/>
                                </b:if>
                                <data:commentPostedByMsg/>
                              </dt>
                              <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
                                <b:if cond='data:comment.isDeleted'>
                                  <span class='deleted-comment'>
                                    <data:comment.body/>
                                  </span>
                                  <b:else/>
                                  <p>
                                    <data:comment.body/>
                                  </p>
                                </b:if>
                              </dd>
                              <dd class='comment-footer'>
                                <span class='comment-timestamp'>
                                  <a expr:href='data:comment.url' title='comment permalink'>
                                    <data:comment.timestamp/>
                                  </a>
                                  <b:include data='comment' name='commentDeleteIcon'/>
                                </span>
                              </dd>
                            </b:loop>
                          </dl>
                        </div>
                        <b:if cond='data:post.commentPagingRequired'>
                          <span class='paging-control-container'>
                            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                              <data:post.oldestLinkText/>
                            </a>
                            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                              <data:post.olderLinkText/>
                            </a>
                            &#160;
                            <data:post.commentRangeText/>
                            &#160;
                            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                              <data:post.newerLinkText/>
                            </a>
                            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                              <data:post.newestLinkText/>
                            </a>
                          </span>
                        </b:if>
                        <p class='comment-footer'>
                          <b:if cond='data:post.embedCommentForm'>
                            <b:if cond='data:post.allowNewComments'>
                              <b:include data='post' name='comment-form'/>
                              <b:else/>
                              <data:post.noNewCommentsText/>
                            </b:if>
                            <b:else/>
                            <b:if cond='data:post.allowComments'>
                              <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                <data:postCommentMsg/>
                              </a>
                            </b:if>
                          </b:if>
                        </p>
                      </b:if>
                      <b:if cond='data:showCmtPopup'>
                        <div id='comment-popup'>
                          <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                          </iframe>
                        </div>
                      </b:if>
                      <div id='backlinks-container'>
                        <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                          <b:if cond='data:post.showBacklinks'>
                            <b:include data='post' name='backlinks'/>
                          </b:if>
                        </div>
                      </div>
                    </div>
                  </b:includable>
                  <b:includable id='feedLinks'>
                    <b:if cond='data:blog.pageType != &quot;item&quot;'>
                      <!-- Blog feed links -->
                      <b:if cond='data:feedLinks'>
                        <div class='blog-feeds'>
                          <b:include data='feedLinks' name='feedLinksBody'/>
                        </div>
                      </b:if>
                      <b:else/>
                      <!--Post feed links -->
                      <div class='post-feeds'>
                        <b:loop values='data:posts' var='post'>
                          <b:if cond='data:post.allowComments'>
                            <b:if cond='data:post.feedLinks'>
                              <b:include data='post.feedLinks' name='feedLinksBody'/>
                            </b:if>
                          </b:if>
                        </b:loop>
                      </div>
                    </b:if>
                  </b:includable>
                  <b:includable id='feedLinksBody' var='links'>
                    <div class='feed-links'>
                      <data:feedLinksMsg/>
                      <b:loop values='data:links' var='f'>
                        <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                          <data:f.name/>
                          (
                          <data:f.feedType/>
                          )
                        </a>
                      </b:loop>
                    </div>
                  </b:includable>
                  <b:includable id='iframe_comments' var='post'>
                    <b:if cond='data:post.allowComments'>
                      <script expr:src='data:post.commentSrc' type='text/javascript'/>
                      <div class='cmt_iframe_holder'/>
                      <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
                        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                          <data:postCommentMsg/>
                        </a>
                      </b:if>
                    </b:if>
                  </b:includable>
                  <b:includable id='mobile-index-post' var='post'>
                    <div class='mobile-date-outer date-outer'>
                      <b:if cond='data:post.dateHeader'>
                        <div class='date-header'>
                          <span>
                            <data:post.dateHeader/>
                          </span>
                        </div>
                      </b:if>
                      <div class='mobile-post-outer'>
                        <a expr:href='data:post.url'>
                          <h3 class='mobile-index-title entry-title'>
                            <data:post.title/>
                          </h3>
                          <div class='mobile-index-arrow'>
                            &amp;rsaquo;
                          </div>
                          <div class='mobile-index-contents'>
                            <b:if cond='data:post.thumbnailUrl'>
                              <div class='mobile-index-thumbnail'>
                                <div class='Image'>
                                  <img expr:src='data:post.thumbnailUrl'/>
                                </div>
                              </div>
                            </b:if>
                            <div class='post-body'>
                              <b:if cond='data:post.snippet'>
                                <data:post.snippet/>
                              </b:if>
                            </div>
                          </div>
                          <div style='clear: both;'/>
                        </a>
                        <div class='mobile-index-comment'>
                          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                            <b:if cond='data:post.allowComments'>
                              <b:if cond='data:post.numComments != 0'>
                                <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                  <b:if cond='data:post.numComments == 1'>
                                    1 
                                    <data:top.commentLabel/>
                                    <b:else/>
                                    <data:post.numComments/>
                                    <data:top.commentLabelPlural/>
                                  </b:if>
                                </a>
                              </b:if>
                            </b:if>
                          </b:if>
                        </div>
                      </div>
                    </div>
                  </b:includable>
                  <b:includable id='mobile-main' var='top'>
                    <!-- posts -->
                    <div class='blog-posts hfeed'>
                      <b:include data='top' name='status-message'/>
                      <b:if cond='data:blog.pageType == &quot;index&quot;'>
                        <b:loop values='data:posts' var='post'>
                          <b:include data='post' name='mobile-index-post'/>
                        </b:loop>
                        <b:else/>
                        <b:loop values='data:posts' var='post'>
                          <b:include data='post' name='mobile-post'/>
                        </b:loop>
                      </b:if>
                    </div>
                    <b:include name='mobile-nextprev'/>
                  </b:includable>
                  <b:includable id='mobile-nextprev'>
                    <div class='blog-pager' id='blog-pager'>
                      <b:if cond='data:newerPageUrl'>
                        <div class='mobile-link-button' id='blog-pager-newer-link'>
                          <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                            &amp;lsaquo;
                          </a>
                        </div>
                      </b:if>
                      <b:if cond='data:olderPageUrl'>
                        <div class='mobile-link-button' id='blog-pager-older-link'>
                          <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                            &amp;rsaquo;
                          </a>
                        </div>
                      </b:if>
                      <div class='mobile-link-button' id='blog-pager-home-link'>
                        <a class='home-link' expr:href='data:blog.homepageUrl'>
                          <data:homeMsg/>
                        </a>
                      </div>
                      <div class='mobile-desktop-link'>
                        <a class='home-link' expr:href='data:desktopLinkUrl'>
                          <data:desktopLinkMsg/>
                        </a>
                      </div>
                    </div>
                    <div class='clear'/>
                  </b:includable>
                  <b:includable id='mobile-post' var='post'>
                    <div class='date-outer'>
                      <b:if cond='data:post.dateHeader'>
                        <h2 class='date-header'>
                          <span>
                            <data:post.dateHeader/>
                          </span>
                        </h2>
                      </b:if>
                      <div class='date-posts'>
                        <div class='post-outer'>
                          <div class='post hentry uncustomized-post-template'>
                            <a expr:name='data:post.id'/>
                            <b:if cond='data:post.title'>
                              <h3 class='post-title entry-title'>
                                <b:if cond='data:post.link'>
                                  <a expr:href='data:post.link'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <b:if cond='data:post.url'>
                                    <b:if cond='data:blog.url != data:post.url'>
                                      <a expr:href='data:post.url'>
                                        <data:post.title/>
                                      </a>
                                      <b:else/>
                                      <data:post.title/>
                                    </b:if>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                </b:if>
                              </h3>
                            </b:if>
                            <div class='post-header'>
                              <div class='post-header-line-1'/>
                            </div>
                            <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
                              <data:post.body/>
                              <div style='clear: both;'/>
                              <!-- clear for photos floats -->
                            </div>
                            <div class='post-footer'>
                              <div class='post-footer-line post-footer-line-1'>
                                <span class='post-author vcard'>
                                  <b:if cond='data:top.showAuthor'>
                                    <b:if cond='data:post.authorProfileUrl'>
                                      <span class='fn'>
                                        <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                          <data:post.author/>
                                        </a>
                                      </span>
                                      <b:else/>
                                      <span class='fn'>
                                        <data:post.author/>
                                      </span>
                                    </b:if>
                                  </b:if>
                                </span>
                                <span class='post-timestamp'>
                                  <b:if cond='data:top.showTimestamp'>
                                    <data:top.timestampLabel/>
                                    <b:if cond='data:post.url'>
                                      <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                        <abbr class='published' expr:title='data:post.timestampISO8601'>
                                          <data:post.timestamp/>
                                        </abbr>
                                      </a>
                                    </b:if>
                                  </b:if>
                                </span>
                                <span class='post-comment-link'>
                                  <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                      <b:if cond='data:post.allowComments'>
                                        <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                          <b:if cond='data:post.numComments == 1'>
                                            1 
                                            <data:top.commentLabel/>
                                            <b:else/>
                                            <data:post.numComments/>
                                            <data:top.commentLabelPlural/>
                                          </b:if>
                                        </a>
                                      </b:if>
                                    </b:if>
                                  </b:if>
                                </span>
                              </div>
                              <div class='post-footer-line post-footer-line-2'>
                                <b:if cond='data:top.showMobileShare'>
                                  <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                                    <a href='javascript:void(0);'>
                                      <data:shareMsg/>
                                    </a>
                                  </div>
                                </b:if>
                                <b:if cond='data:top.showDummy'>
                                  <div class='goog-inline-block dummy-container'>
                                    <data:post.dummyTag/>
                                  </div>
                                </b:if>
                              </div>
                            </div>
                          </div>
                          <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                            <b:if cond='data:post.showThreadedComments'>
                              <b:include data='post' name='threaded_comments'/>
                              <b:else/>
                              <b:include data='post' name='comments'/>
                            </b:if>
                          </b:if>
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <b:if cond='data:post.showThreadedComments'>
                              <b:include data='post' name='threaded_comments'/>
                              <b:else/>
                              <b:include data='post' name='comments'/>
                            </b:if>
                          </b:if>
                        </div>
                      </div>
                    </div>
                  </b:includable>
                  <b:includable id='nextprev'>
                    <div class='blog-pager' id='blog-pager'>
                      <b:if cond='data:newerPageUrl'>
                        <span id='blog-pager-newer-link'>
                          <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                            <data:newerPageTitle/>
                          </a>
                        </span>
                      </b:if>
                      <b:if cond='data:olderPageUrl'>
                        <span id='blog-pager-older-link'>
                          <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                            <data:olderPageTitle/>
                          </a>
                        </span>
                      </b:if>
                      <a class='home-link' expr:href='data:blog.homepageUrl'>
                        <data:homeMsg/>
                      </a>
                      <b:if cond='data:mobileLinkUrl'>
                        <div class='blog-mobile-link'>
                          <a expr:href='data:mobileLinkUrl'>
                            <data:mobileLinkMsg/>
                          </a>
                        </div>
                      </b:if>
                    </div>
                    <div class='clear'/>
                  </b:includable>
                  <b:includable id='post' var='post'>
                    <div class='wrapfullpost'>
                      <div class='post hentry'>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <h3 class='post-title entry-title'>
                            <b:if cond='data:post.link'>
                              <a expr:href='data:post.link'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <b:if cond='data:post.url'>
                                <a expr:href='data:post.url'>
                                  <data:post.title/>
                                </a>
                                <b:else/>
                                <data:post.title/>
                              </b:if>
                            </b:if>
                          </h3>
                        </b:if>
                        <div class='post-header-line-1'/>
                        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                          <div class='postmeta-primary'>
                            <span class='meta_date'>
                              <data:post.timestamp/>
                            </span>
                            &amp;nbsp;
                            <span class='meta_categories'>
                              <b:if cond='data:post.labels'>
                                <b:loop values='data:post.labels' var='label'>
                                  <a expr:href='data:label.url' rel='tag'>
                                    <data:label.name/>
                                  </a>
                                  <b:if cond='data:label.isLast != &quot;true&quot;'>
                                    , 
                                  </b:if>
                                </b:loop>
                              </b:if>
                            </span>
                            &amp;nbsp;
                            <span class='meta_comments'>
                              <b:if cond='data:post.allowComments'>
                                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                  <b:if cond='data:post.numComments == 0'>
                                    No comments
                                  </b:if>
                                  <b:if cond='data:post.numComments == 1'>
                                    1 comment
                                  </b:if>
                                  <b:if cond='data:post.numComments &gt;= 2'>
                                    <data:post.numComments/>
                                    comments
                                  </b:if>
                                </a>
                              </b:if>
                            </span>
                          </div>
                        </b:if>
                        <div class='post-body entry-content'>
                          <p>
                            <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                <div expr:id='&quot;summary&quot; + data:post.id'>
                                  <data:post.body/>
                                </div>
                                <script type='text/javascript'>
                                  createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
                                </script>
                              </b:if>
                            </b:if>
                            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                              <data:post.body/>
                              <b:if cond='data:blog.pageType == &quot;item&quot;'>
                                <div style='margin-top: 10px;'>
                                  <strong>
                                    Artikel Terkait
                                  </strong>
                                  <div class='rbbox'>
                                    <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
                                      <div id='ardi33'/>
                                      <script type='text/javascript'>
                                        var homeUrl3 = &quot;
                                        <data:blog.homepageUrl/>&quot;;
                                        var maxNumberOfPostsPerLabel = 4;
                                        var maxNumberOfLabels = 10;
                                        maxNumberOfPostsPerLabel = 100;
                                        maxNumberOfLabels = 3;
                                        function listEntries10(json) {
                                          var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>  </script>
                                    </div>
                                    <script type='text/javascript'>
                                      RelPost();
                                    </script>
                                  </div>
                                </div>
                              </b:if>
                            </b:if>
                            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                              <data:post.body/>
                            </b:if>
                          </p>
                          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                            <b:if cond='data:blog.pageType != &quot;item&quot;'>
                              <div class='readmore'>
                                <a expr:href='data:post.url'>
                                  Selengkapnya
                                </a>
                              </div>
                            </b:if>
                          </b:if>
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <div style='clear:both;'/>
                            <div class='post-share-buttons'>
                              <b:include data='post' name='shareButtons'/>
                            </div>
                            <span class='reaction-buttons'>
                              <b:if cond='data:top.showReactions'>
                                <table border='0' cellpadding='0' width='100%'>
                                  <tr>
                                    <td style='font-size:12px;padding-top:2px;' valign='top'>
                                      <span class='reactions-label'>
                                        <data:top.reactionsLabel/>
                                      </span>
                                    </td>
                                    <td>
                                      <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
                                    </td>
                                  </tr>
                                </table>
                              </b:if>
                            </span>
                          </b:if>
                          <div style='clear: both;'/>
                          <!-- clear for photos floats -->
                        </div>
                        <b:if cond='data:post.hasJumpLink'>
                          <div class='jump-link'>
                            <a expr:href='data:post.url + &quot;#more&quot;'>
                              <data:post.jumpText/>
                            </a>
                          </div>
                        </b:if>
                        <div class='post-footer'>
                          <div class='post-footer-line post-footer-line-'/>
                          <div class='post-footer-line post-footer-line-2'/>
                          <div class='post-footer-line post-footer-line-3'>
                            <!-- Feature added by BTemplates.com -->
                            <b:include data='post' name='postQuickEdit'/>
                          </div>
                        </div>
                      </div>
                    </div>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <!-- navigation -->
                      <b:include name='nextprev'/>
                    </b:if>
                  </b:includable>
                  <b:includable id='postQuickEdit' var='post'>
                    <b:if cond='data:post.editUrl'>
                      <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                        <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                          <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
                        </a>
                      </span>
                    </b:if>
                  </b:includable>
                  <b:includable id='shareButtons' var='post'>
                    <b:if cond='data:top.showEmailButton'>
                      <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
                        <span class='share-button-link-text'>
                          <data:top.emailThisMsg/>
                        </span>
                      </a>
                    </b:if>
                    <b:if cond='data:top.showBlogThisButton'>
                      <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
                        <span class='share-button-link-text'>
                          <data:top.blogThisMsg/>
                        </span>
                      </a>
                    </b:if>
                    <b:if cond='data:top.showTwitterButton'>
                      <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                        <span class='share-button-link-text'>
                          <data:top.shareToTwitterMsg/>
                        </span>
                      </a>
                    </b:if>
                    <b:if cond='data:top.showFacebookButton'>
                      <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                        <span class='share-button-link-text'>
                          <data:top.shareToFacebookMsg/>
                        </span>
                      </a>
                    </b:if>
                    <b:if cond='data:top.showOrkutButton'>
                      <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
                        <span class='share-button-link-text'>
                          <data:top.shareToOrkutMsg/>
                        </span>
                      </a>
                    </b:if>
                    <b:if cond='data:top.showDummy'>
                      <div class='goog-inline-block dummy-container'>
                        <data:post.dummyTag/>
                      </div>
                    </b:if>
                  </b:includable>
                  <b:includable id='status-message'>
                    <b:if cond='data:navMessage'>
                      <div>
                      </div>
                      <div style='clear: both;'/>
                    </b:if>
                  </b:includable>
                  <b:includable id='threaded-comment-form' var='post'>
                    <div class='comment-form'>
                      <a name='comment-form'/>
                      <b:if cond='data:mobile'>
                        <p>
                          <data:blogCommentMessage/>
                        </p>
                        <data:blogTeamBlogMessage/>
                        <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                        <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                        <b:else/>
                        <p>
                          <data:blogCommentMessage/>
                        </p>
                        <data:blogTeamBlogMessage/>
                        <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                        <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                      </b:if>
                      <data:post.friendConnectJs/>
                      <data:post.cmtfpIframe/>
                      <script type='text/javascript'>
                        BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                      </script>
                    </div>
                  </b:includable>
                  <b:includable id='threaded_comment_js' var='post'>
                    <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                    <script type='text/javascript'>
                      (function() {
                        var items = <data:post.commentJso/>;
                        var msgs = <data:post.commentMsgs/>;
                        var config = <data:post.commentConfig/>;
                        // <![CDATA[
                        var cursor = null;
                        if (items && items.length > 0) {
                          cursor = parseInt(items[items.length - 1].timestamp) + 1;
                        }
                        var bodyFromEntry = function(entry) {
                          if (entry.gd$extendedProperty) {
                            for (var k in entry.gd$extendedProperty) {
                              if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                                return '<span class="deleted-comment">' + entry.content.$t + '</span>';
                              }
                            }
                          }
                          return entry.content.$t;
                        }
                        var parse = function(data) {
                          cursor = null;
                          var comments = [];
                          if (data && data.feed && data.feed.entry) {
                            for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                              var comment = {
                              };
                              // comment ID, parsed out of the original id format
                              var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                              comment.id = id ? id[2] : null;
                              comment.body = bodyFromEntry(entry);
                              comment.timestamp = Date.parse(entry.published.$t) + '';
                              if (entry.author && entry.author.constructor === Array) {
                                var auth = entry.author[0];
                                if (auth) {
                                  comment.author = {
                                    name: (auth.name ? auth.name.$t : undefined),
                                    profileUrl: (auth.uri ? auth.uri.$t : undefined),
                                    avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                                  };
                                }
                              }
                              if (entry.link) {
                                if (entry.link[2]) {
                                  comment.link = comment.permalink = entry.link[2].href;
                                }
                                if (entry.link[3]) {
                                  var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                                  if (pid && pid[1]) {
                                    comment.parentId = pid[1];
                                  }
                                }
                              }
                              comment.deleteclass = 'item-control blog-admin';
                              if (entry.gd$extendedProperty) {
                                for (var k in entry.gd$extendedProperty) {
                                  if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                                    comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                                  }
                                }
                              }
                              comments.push(comment);
                            }
                          }
                          return comments;
                        };
                        var paginator = function(callback) {
                          if (hasMore()) {
                            var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
                            if (cursor) {
                              url += '&published-min=' + new Date(cursor).toISOString();
                            }
                            window.bloggercomments = function(data) {
                              var parsed = parse(data);
                              cursor = parsed.length < 50 ? null
                              : parseInt(parsed[parsed.length - 1].timestamp) + 1
                              callback(parsed);
                              window.bloggercomments = null;
                            }
                            url += '&callback=bloggercomments';
                            var script = document.createElement('script');
                            script.type = 'text/javascript';
                            script.src = url;
                            document.getElementsByTagName('head')[0].appendChild(script);
                          }
                        };
                        var hasMore = function() {
                          return !!cursor;
                        };
                        var getMeta = function(key, comment) {
                          if ('iswriter' == key) {
                            var matches = !!comment.author
                            && comment.author.name == config.authorName
                            && comment.author.profileUrl == config.authorUrl;
                            return matches ? 'true' : '';
                          }
                          else if ('deletelink' == key) {
                            return config.baseUri + '/delete-comment.g?blogID='
                            + config.blogId + '&postID=' + comment.id;
                          }
                            else if ('deleteclass' == key) {
                              return comment.deleteclass;
                            }
                          return '';
                        };
                        var replybox = null;
                        var replyUrlParts = null;
                        var replyParent = undefined;
                        var onReply = function(commentId, domId) {
                          if (replybox == null) {
                            // lazily cache replybox, and adjust to suit this style:
                            replybox = document.getElementById('comment-editor');
                            if (replybox != null) {
                              replybox.height = '250px';
                              replybox.style.display = 'block';
                              replyUrlParts = replybox.src.split('#');
                            }
                          }
                          if (replybox && (commentId !== replyParent)) {
                            document.getElementById(domId).insertBefore(replybox, null);
                            replybox.src = replyUrlParts[0]
                            + (commentId ? '&parentID=' + commentId : '')
                            + '#' + replyUrlParts[1];
                            replyParent = commentId;
                          }
                        };
                        var hash = (window.location.hash || '#').substring(1);
                        var startThread, targetComment;
                        if (/^comment-form_/.test(hash)) {
                          startThread = hash.substring('comment-form_'.length);
                        }
                        else if (/^c[0-9]+$/.test(hash)) {
                          targetComment = hash.substring(1);
                        }
                        // Configure commenting API:
                        var configJso = {
                          'maxDepth': config.maxThreadDepth
                        };
                        var provider = {
                          'id': config.postId,
                          'data': items,
                          'loadNext': paginator,
                          'hasMore': hasMore,
                          'getMeta': getMeta,
                          'onReply': onReply,
                          'rendered': true,
                          'initComment': targetComment,
                          'initReplyThread': startThread,
                          'config': configJso,
                          'messages': msgs
                        };
                        var render = function() {
                          if (window.goog && window.goog.comments) {
                            var holder = document.getElementById('comment-holder');
                            window.goog.comments.render(holder, provider);
                          }
                        };
                        // render now, or queue to render when library loads:
                        if (window.goog && window.goog.comments) {
                          render();
                        }
                        else {
                          window.goog = window.goog || {
                          };
                          window.goog.comments = window.goog.comments || {
                          };
                          window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                          window.goog.comments.loadQueue.push(render);
                        }
                      }
                      )();
                      // ]]>
                    </script>
                  </b:includable>
                  <b:includable id='threaded_comments' var='post'>
                    <div class='comments' id='comments'>
                      <a name='comments'/>
                      <h4>
                        <data:post.commentLabelFull/>
                        :
                      </h4>
                      <div class='comments-content'>
                        <b:if cond='data:post.embedCommentForm'>
                          <b:include data='post' name='threaded_comment_js'/>
                        </b:if>
                        <div id='comment-holder'>
                          <data:post.commentHtml/>
                        </div>
                      </div>
                      <p class='comment-footer'>
                        <b:if cond='data:post.allowNewComments'>
                          <b:include data='post' name='threaded-comment-form'/>
                          <b:else/>
                          <data:post.noNewCommentsText/>
                        </b:if>
                      </p>
                      <b:if cond='data:showCmtPopup'>
                        <div id='comment-popup'>
                          <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                          </iframe>
                        </div>
                      </b:if>
                      <div id='backlinks-container'>
                        <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                          <b:if cond='data:post.showBacklinks'>
                            <b:include data='post' name='backlinks'/>
                          </b:if>
                        </div>
                      </div>
                    </div>
                  </b:includable>
                </b:widget>
                <b:widget id='HTML1' locked='false' title='' type='HTML'>
                  <b:includable id='main'>
                    <!-- only display title if it's non-empty -->
                    <b:if cond='data:title != &quot;&quot;'>
                      <h2 class='title'>
                        <data:title/>
                      </h2>
                    </b:if>
                    <div class='widget-content'>
                      <data:content/>
                    </div>
                    <b:include name='quickedit'/>
                  </b:includable>
                </b:widget>
              </b:section>
            </div>
            <!-- spacer for skins that want sidebar and main to be the same height-->
            <div class='clear'>
              &#160;
            </div>
          </div>
          <!-- end content-wrapper -->
          <div style='clear:both;'/>
          <div id='footer-widgets-container'>
            <div class='clearfix' id='footer-widgets'>
              <div class='footer-widget-box'>
                <ul class='widget-container'>
                  <li>
                    <b:section class='footersec' id='footersec1' showaddelement='yes'/>
                  </li>
                </ul>
              </div>
              <div class='footer-widget-box'>
                <ul class='widget-container'>
                  <li>
                    <b:section class='footersec' id='footersec2' showaddelement='yes'/>
                  </li>
                </ul>
              </div>
              <div class='footer-widget-box footer-widget-box-last'>
                <ul class='widget-container'>
                  <li>
                    <b:section class='footersec' id='footersec3' showaddelement='yes'/>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div style='clear:both;'/>
          <div id='footer-container'>
            <div id='footer'>
              <div id='copyrights'>
                Copyright &amp;copy; 
                <script type='text/javascript'>
                  var creditsyear = new Date();
                  document.write(creditsyear.getFullYear());
                </script>
                <a expr:href='data:blog.homepageUrl'>
                  <data:blog.title/>
                </a>
                | Powered by 
                <a href='http://www.blogger.com/'>
                  Blogger
                </a>
              </div>
              <div id='credits'>
                <!-- you don't have permission to remove or change these  -->
                Design by 
                <a href='http://newwpthemes.com/' target='_blank'>
                  NewWpThemes
                </a>
                | 
                Blogger Theme by 
                <a href='http://www.bloggertipandtrick.net/' target='_blank' title='Blogging Tutorials'>
                  Lasantha
                </a>
                <br/>
                Diacak-Acak Oleh 
                <a href='http://fhyro.blogspot.com/' target='_blank' title='FhyroBlog'>
                  Fhyro
                </a>
              </div>
            </div>
            <!-- #footer -->
          </div>
          <div style='clear:both;'/>
        </div>
      </div>
    </div>
    <!-- end outer-wrapper -->
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
      //<![CDATA[
      $(document).ready(function() {
        $('img').each(function(){
          var $img = $(this);
          var filename = $img.attr('src')
          $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
        }
                     );
      }
                       );
      //]]>
    </script>
    <script type='text/javascript'>
      //<![CDATA[
      $(document).ready(function() {
        $('img').each(function(){
          var $img = $(this);
          var filename = $img.attr('src')
          $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
        }
                     );
      }
                       );
      //]]>
    </script>
  </body>
</html>